html {
    background-color: #ebeeef;
}

.limiter {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;

    .container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding: 15px;
        // background: #ebeeef;

        .login {
            width: 670px;
            height: 555px;
            background-color: #fff;
            border-radius: 10px;
            position: relative;
            background-color: #fff;

            .login-title {
                position: relative;
                z-index: 1;
                width: 640px;
                height: 36px;
                padding: 70px 15px 74px 15px;
                background: url(../img/login-title.jpeg) no-repeat;
                background-size: cover;
                background-position: 50%;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;

                &:before {
                    z-index: -1;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    content: "";
                    background-color: rgba(54, 84, 99, 0.5);
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                }

                span {
                    display: block;
                    font-size: 30px;
                    color: #fff;
                    text-align: center;
                    line-height: 36px;
                }
            }

            .login-form {
                position: relative;
                width: 392px;
                height: 237.4px;
                padding: 43px 88px 93px 190px;

                .remedial {
                    width: 392px;
                    height: 21.4px;
                    padding-bottom: 30px;
                }

                .user,
                .psword {
                    position: relative;
                    width: 392px;
                    height: 45px;
                    border-bottom: 1px solid #b2b2b2;
                    margin-bottom: 26px;

                    .blankWarn {
                        position: absolute;
                        bottom: 17px;
                        left: 210px;
                        color: red;
                        font-size: 13.5px;
                        background-color: rgba(255, 192, 203, 0.582);
                        display: none;
                    }

                    span {
                        position: absolute;
                        top: 4px;
                        left: -88px;
                        font-size: 18px;
                        color: #808080;
                        line-height: 45px;
                    }

                    input {
                        width: 382px;
                        height: 45px;
                        padding: 0 5px;
                        font-size: 15px;
                        color: #555555;
                        line-height: 45px;
                        outline: none;
                        border: none;
                    }
                }

                .psword {
                    #eye {
                        width: 50px;
                        height: 50px;
                        display: inline-block;
                        position: absolute;
                        right: 0px;
                        top: 0px;

                        &:hover {
                            cursor: pointer;
                        }
                    }

                    span {
                        left: -73px;
                    }
                }

                .login-form-btnt {
                    position: absolute;
                    bottom: 100px;
                    left: 100px;
                    width: 392px;
                    height: 50px;

                    .loginClick {
                        width: 120px;
                        height: 50px;
                        padding: 0 20px;
                        background-color: #57b846;
                        font-size: 16px;
                        color: #fff;
                        border-radius: 25px;
                        line-height: 50px;
                        text-align: center;

                        &:hover {
                            cursor: pointer;
                            background-color: rgb(73, 4, 73);
                        }
                    }
                }

                .login-form-btnb {
                    position: absolute;
                    bottom: 100px;
                    right: -120px;
                    width: 392px;
                    height: 50px;

                    .loginClick {
                        width: 120px;
                        height: 50px;
                        padding: 0 20px;
                        background-color: rgb(224, 80, 104);
                        font-size: 16px;
                        color: #fff;
                        border-radius: 25px;
                        line-height: 50px;
                        text-align: center;

                        &:hover {
                            cursor: pointer;
                            background-color: rgb(73, 4, 73);
                        }
                    }
                }
            }
        }
    }
}